<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div th:replace="common/top1"></div>

<section class="pricing" style="height: 900px">

    <div class="col-ten pricing-table">

        <div class="col-eleven plan-wrap" >
            <div class="plan-block " data-aos="fade-up">

                <div class="plan-bottom-part">
                    <div class="plan-top-part">
                        <h2>New Item</h2>
                    </div>
                    <table>
                        <form action="/management/AddItem" method="post">
                            <tr style="margin: 0 auto">
                                <td style="float:left">CategoryId:</td>
                                <td><input type="text" name="categoryId"  id="categoryId" style="width:140px;" th:onclick=""></td>
                                <td style="float:left">ProductId:</td>
                                <td><input type="text" name="productId"  id="productId" style="width:140px;"  th:onclick=""></td>
                                <td style="float:left">ItemId:</td>
                                <td><input type="text" name="itemId"  id="itemId" style="width:140px;"  th:onclick=""></td>
                            </tr>
                            <tr style="margin: 0 auto;">
                                <td style="float:left">Name:</td>
                                <td><input type="text" name="name"  id="name" style="width:140px;" th:onclick=""></td>
                                <td style="float:left">Description:</td>
                                <td><input type="text" name="description"  id="description" style="width:140px;"  th:onclick=""></td>
                                <td style="float:left">Attribute1:</td>
                                <td><input type="text" name="attribute1"  id="attribute1" style="width:140px;"  th:onclick=""></td>
                            </tr>
                            <tr style="margin: 0 auto;">
                                <td style="float:left">ListPrice:</td>
                                <td><input type="text" name="listPrice"  id="listPrice" style="width:140px;" th:onclick=""></td>
                                <td style="float:left">UnitCost:</td>
                                <td><input type="text" name="unitCost"  id="unitCost" style="width:140px;" th:onclick=""></td>
                                <td style="float:left">Quantity:</td>
                                <td><input type="text" name="quantity"  id="quantity" style="width:140px;" th:onclick=""></td>
                            </tr>
                            <tr style="margin: 0 auto">
                                <td style="float:left"><input type="submit" th:value="Add"/></td>
                            </tr>
                        </form>
                    </table>
                </div>

                </div>
            </div> <!-- end plan-wrap -->

        </div>
        <!-- end pricing-table -->
    </div>
    <!-- end pricing-content -->
</section> <!-- end pricing -->

<div th:replace="common/bottom">
</div>
</body>
</html>